{#
/**
 * @file
 * Default theme implementation to display a formatted video field.
 *
 * Available variables:
 * - items: A collection of videos.
 * - player_attributes: Player options including the following:
 *   - width: The width of the video (if known).
 *   - height: The height of the video (if known).
 *   - autoplay: Autoplay on or off
 *
 * @ingroup themeable
 */
#}
<video
{%if player_attributes.width>0 %}width="{{player_attributes.width}}"{%endif%}
{%if player_attributes.height>0 %}height="{{player_attributes.height}}"{%endif%}
data-setup="{}"
class="video-js vjs-default-skin"
preload="{{ player_attributes.preload }}" {{ player_attributes.controls ? 'controls' : '' }}
{{ player_attributes.autoplay ? 'autoplay' : '' }} {{ player_attributes.loop ? 'loop' : '' }} {{ player_attributes.muted ? 'muted' : '' }}
{%if thumbnail %}poster="{{thumbnail}}"{% endif %}>
  {% for user in items %}
    <source src="{{ user }}"/>
  {% endfor %}
</video>